body{
	color: white;
	background-color: rgb(1,1,1);
	width: 100vw;
	height: 100vh;
}

.container{
	width: 90%;
	margin: 0 auto;
}
.title{
	width: 100%;
	text-align: center;
	font-size: 16px;
}
.title span{
	color: rgb(165,137,53);
}
.QRcodeBox{
	padding: 10px;
	height: 150px;
	width: 150px;
	margin: 0 auto;
	background-color: white;
	margin-top: 0.8rem;
	
}
.tip{
	text-align: center;
	color: rgb(165,137,53);
	font-size: 16px;
	margin-top: 0.8rem;
}
.rewardDetailsRules{
	text-align: center;
	display: flex;
	justify-content:center;
	margin-top: 0.5rem;
}
.rewardDetailsRules>img{
	height: 0.5rem;
}
.rewardDetailsRules>a:link{
	text-decoration: none;
	color: white;
	align-self: center;
	margin-left: 0.2rem;
	
}
.rewardDetailsRules>a:visited{
	text-decoration: none;
	color: white;
	align-self: center;
	margin-left: 0.2rem;
}
.rewardDetailsRules>a:hover{
	text-decoration: none;
	color: white;
	align-self: center;
	margin-left: 0.2rem;
}
.rewardDetailsRules>a:active{
	text-decoration: none;
	color: white;
	align-self: center;
	margin-left: 0.2rem;
}
